                                <div id="slideshow" class="blockcms">
                   <div id="slides" style="padding:10px;height:180px;overflow:hidden;">
                        <img src="<?php echo JS_PATH?>/restaurant/images/slide1.png" class="slide"/>
                        <img src="<?php echo JS_PATH?>/restaurant/images/slide2.png" class="slide"/>
                        <img src="<?php echo JS_PATH?>/restaurant/images/slide3.png" class="slide"/>
                    </div>
                                </div>
                                
    <script type="text/javascript">
    $(document).ready(function() {
        var slides = '#slides';
        $('#slides img:gt(0)').hide();
        setInterval(function(){
            $('#slides' +' :first-child').fadeOut('slow', function () {
                $(this).next('img').fadeIn('slow')
                .end().appendTo('#slides');
            })
        } , 5000);
    })
    </script>
